<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>首页</title>
<script  src="bootstrap/js/jquery-3.2.0.js"></script>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="bootstrap/css/signin.css" rel="stylesheet">
<script src="bootstrap/js/bootstrap.js"></script>


<style type="text/css">
body {
	background-color:#EEEEEE;
}
h3{
	text-align:center;
	margin-top:100px;
}
.form-horizontal{
	height:300px;
	width:40%;
	margin:0 auto;
	transform: translateX(25px);
}
#message{
	position:relative;
	float: right;
	color:red;
	  right: -70px;
	  top: -33px;
}
.form-group .col-sm-1{
	display:inline;
}
</style>

</head>
<body>
<h3>请登录</h3>	
<form class="form-horizontal" action="um-login" method="post">
  <div class="form-group">
    <label for="username" class="col-sm-2 control-label">用户名</label>
    <div class="col-sm-10">
      <input type="text" name='userName' class="form-control" id="userName" placeholder="用户名" required>
    </div>
  </div>
  <div class="form-group">
    <label for="inputPassword3" class="col-sm-2 control-label">密码</label>
    <div class="col-sm-10">
      <input type="password" name="userPassword" class="form-control" id="inputPassword3" placeholder="密码" required>
    <span id="message">${requestScope.loginErrorMsg}</span>
    </div>
  </div>

  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-1">
      <button type="submit" class="btn btn-default">登录</button>
    </div>
    <div class="col-sm-offset-3 col-sm-1">
      <button type="submit"  class="btn btn-default">
		<a href="/gms/UM/registered.jsp">注册</a>
	  </button>
    </div>
  </div>
</form>
<%--     <div class="container">

      <form action="um-login" method="post" class="form-horizontal">
        <h2 class="form-signin-heading">Please sign in</h2>
        
        <label for="inputEmail" class="sr-only">UserName</label>
        <input type="text" name="userName"   required autofocus>
        
        <label for="inputPassword" class="sr-only">Password</label>
        <input type="password" name="userPassword"   placeholder="Password" required>
        <strong id="message">${requestScope.loginErrorMsg}</strong>
        <br/>
        <button type="submit" class="btn btn-default" >登录</button>
        <a href="/gms/UM/registered.jsp" class="btn btn-link">注册</a>
      </form>

    </div> --%>
	
	
<script src="bootstrap/js/ie10-viewport-bug-workaround.js"></script>
<script	src="https://cdn.bootcss.com/bootstrap/2.3.2/js/bootstrap.min.js"></script>
		
</body>
</html>